<template>
	<div class="m-homeft">
		<div class="mainlogo">
			<mlogo class="logosvg"></mlogo>
			
			<div class="openapp" @click="jump">
				打开APP，发现更多好音乐 >
			</div>
			<p class="copyright">网易公司版权所有©1997-2018   杭州乐读科技有限公司运营</p>
			
			
		</div>
		<!--<div class="bg"></div>-->
	</div>


</template>

<script>
import mlogo from '@/svg/mlogo.svg'	

export default {
	
	name:'mainlogo',
	components:{
		mlogo
	},
	methods:{
		jump(){
//			alert("yes");
			this.$router.push({
				path:'/loginSucceed'
			})
		}
	}
}
	
</script>

<style lang="scss" scoped="scoped">
@import '../scss/common';
@import '../scss/reset';
	

.mainlogo{
	padding-top: r(77px);
	
	.logosvg{
		display: block;
	    margin: 0 auto;
	    width: r(460px);
	    height: r(88px);
	}
	
}
.logo{
	
	text-align: center;
	
}
.openapp{
	line-height: r(76px);
    border: 1px solid #d33a31;
    border-radius: r(76px);
    font-size: r(32px);	
    color: #d33a31;
    margin: r(30px) r(74px) r(10px);
}
.copyright{
	color: #888;
    font-size: r(24px);
    line-height: r(32px);
    -webkit-transform: scale(.75);
    transform: scale(.75);
}
.m-homeft{
	background: url(../../public/img/recommand_bg_2x.png) no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: r(25px);
}
.bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
}
	
</style>